<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./css/Page.css">
    <link rel="stylesheet" href="./css/页尾样式.css">
    <link rel="stylesheet" href="./css/service-about us .css">
    <link rel="stylesheet" href="./css/serFocus.css">
    <meta name="description" content="双晖传媒官方网站">
    <meta name="keywords" content="设计,UI设计,移动应用,网站界面,标志图标">
    <link rel="preconnect" href="http://tg-vision.com">
    <link rel="preload" href="./css/Page.css" as="style">
    <link rel="preload" href="./js/nav.js" as="script">
</head>

<body>
    <!-- 头部文件 -->
    <header>
        <!-- 轮播图 -->
        <header class="banner">
            <!-- 轮播的图 -->
            <div class="banner1">
                <img class="img2" src="./imgs/banner1Phone.png" alt="">
                <img class="img3"
                    src="http://tg-vision.com/d/file/indexlink/focus/201306/e92807f2bcc6f6e4fc92a2b07ef3eb26.png"
                    alt="">
            </div>

            <!-- 精灵图 -->
            <div class="jltu1"></div>
            <div class="jltu2"></div>


        </header>
        <header class="headend">
            <div class="div1"></div>
        </header>
        <!-- contain 导航 -->
        <div class="div2">
            <a href="#">
                <div class="colorActive">精选案例</div>
            </a>
            <a href="#">
                <div>移动应用</div>
            </a>
            <a href="#">
                <div>网站界面</div>
            </a>
            <a href="#">
                <div>标志图标</div>
            </a>
        </div>
        <!-- 精选案例 -->
        <!-- div3section-display -->


        <div class="div3 ">
            <!-- 1-1 -->
            <div class="div-list ">
                <ul>
                    <li>
                        <div class="div5">
                            <span class="span1">7度珠宝APP</span>
                            <br>
                            <span class="span2">Mobile APP</span>
                        </div>
                        <img src="http://tg-vision.com/d/file/portfolio/app/201506/c672aedabfe5a1e5e6ec5c5166c7b66a.jpg"
                            alt="">
                    </li>
                    <li>
                        <div class="div5">
                            <span class="span1">Z服饰品牌官网</span>
                            <br>
                            <span class="span2">Web UI</span>
                        </div>
                        <img src="	http://tg-vision.com/d/file/portfolio/web/201503/108950f72f4437a115bc449669c650ad.jpg"
                            alt="">
                    </li>
                    <li>
                        <div class="div5">
                            <span class="span1">TANLEO美镜多媒体系统</span>
                            <br>
                            <span class="span2">Mobile APP</span>
                        </div>
                        <img src="http://tg-vision.com/d/file/portfolio/app/201504/0e87004b26d04b129b0f49c1949994be.jpg"
                            alt="">
                    </li>
                    <li>
                        <div class="div5">
                            <span class="span1">Bronsu UI</span>
                            <br>
                            <span class="span2">Mobile APP</span>
                        </div>
                        <img src="http://tg-vision.com/d/file/portfolio/app/201402/d1e6ba4f3dc8dc63707e71ba993b85ea.jpg"
                            alt="">
                    </li>
                    <li>
                        <div class="div5">
                            <span class="span1">大连未来城LECITY</span>
                            <br>
                            <span class="span2">Web UI</span>
                        </div>
                        <img src="	http://tg-vision.com/d/file/portfolio/web/201405/792e499c31a82ed1844287e63f628187.jpg"
                            alt="">
                    </li>
                    <li>
                        <div class="div5">
                            <span class="span1">Lenovo Technology Flash Mini</span>
                            <br>
                            <span class="span2">Web UI</span>
                        </div>
                        <img src="http://tg-vision.com/d/file/portfolio/web/201305/9c6ca29bcbf7b3120f551031424ae11b.jpg"
                            alt="">
                    </li>
                    <li>
                        <div class="div5">
                            <span class="span1">7Q Online Music Player</span>
                            <br>
                            <span class="span2">Web UI</span>
                        </div>
                        <img src="	http://tg-vision.com/d/file/portfolio/web/201309/8c01488573761d2fef2d31a56d7b6142.jpg"
                            alt="">
                    </li>
                    <li>
                        <div class="div5">
                            <span class="span1">移动应用图标设计集锦</span>
                            <br>
                            <span class="span2">Logo & Icon</span>
                        </div>
                        <img src="http://tg-vision.com/d/file/portfolio/icon/201408/46512c22334508ae3840d456e0e62a36.jpg"
                            alt="">
                    </li>
                    <li>
                        <div class="div5">
                            <span class="span1">ChinaDaily亚太官网</span>
                            <br>
                            <span class="span2">Web UI</span>
                        </div>
                        <img src="http://tg-vision.com/d/file/portfolio/web/201305/7f26f1f48427e3760652dd6a511195bd.jpg"
                            alt="">
                    </li>
                </ul>
            </div>

            <!-- 1-2 -->
            <div class="div-list ul-display">
                <ul>
                    <li>
                        <div class="div5">
                            <span class="span1">Quick Car APP</span>
                            <br>
                            <span class="span2">Mobile APP</span>
                        </div>
                        <img src="http://tg-vision.com/d/file/portfolio/app/201305/b2227b1bc98f05f257aed08568e5138f.jpg"
                            alt="">
                    </li>
                    <li>
                        <div class="div5">
                            <span class="span1">《世界》杂志APP</span>
                            <br>
                            <span class="span2">Mobile APP</span>
                        </div>
                        <img src="	http://tg-vision.com/d/file/portfolio/app/201303/d98d054481bc4b385ef1b70d514c5a35.jpg"
                            alt="">
                    </li>
                    <li>
                        <div class="div5">
                            <span class="span1">ShareControl APP</span>
                            <br>
                            <span class="span2">Mobile APP</span>
                        </div>
                        <img src="	http://tg-vision.com/d/file/portfolio/app/201306/47973b6a2f1ae9a77ec4bf1cd42e49f2.jpg"
                            alt="">
                    </li>
                    <li>
                        <div class="div5">
                            <span class="span1">Mediaweek Icon</span>
                            <br>
                            <span class="span2">Logo & Icon</span>
                        </div>
                        <img src="	http://tg-vision.com/d/file/portfolio/icon/201303/6b089e685b97bd545e2bc42f83610c80.jpg"
                            alt="">
                    </li>
                    <li>
                        <div class="div5">
                            <span class="span1">SpeedTest</span>
                            <br>
                            <span class="span2">Mobile APP</span>
                        </div>
                        <img src="	http://tg-vision.com/d/file/portfolio/app/201303/c9b635d25bbe689e356055e470bd2f13.jpg"
                            alt="">
                    </li>
                    <li>
                        <div class="div5">
                            <span class="span1">SpeedTest</span>
                            <br>
                            <span class="span2">Mobile APP</span>
                        </div>
                        <img src="	http://tg-vision.com/d/file/portfolio/app/201303/c9b635d25bbe689e356055e470bd2f13.jpg"
                            alt="">
                    </li>
                    <li>
                        <div class="div5">
                            <span class="span1">Photo Cinema</span>
                            <br>
                            <span class="span2">Mobile APP</span>
                        </div>
                        <img src="http://tg-vision.com/d/file/portfolio/app/201303/c5f7334f7c886ca1450bd1c7401a9a30.jpg"
                            alt="">
                    </li>
                    <li>
                        <div class="div5">
                            <span class="span1">法国雷诺纬度</span>
                            <br>
                            <span class="span2">Mobile APP</span>
                        </div>
                        <img src="	http://tg-vision.com/d/file/portfolio/app/201303/8054c5b937db27ddfbbdf61d589a4528.jpg"
                            alt="">
                    </li>
                    <li>
                        <div class="div5">
                            <span class="span1">Econ CIA System</span>
                            <br>
                            <span class="span2">Logo & Icon</span>
                        </div>
                        <img src="	http://tg-vision.com/d/file/portfolio/icon/201303/2f88166ea22df3ccf84b47edb23f6a86.jpg"
                            alt="">
                    </li>
                </ul>
            </div>

            <!-- 1-3 -->
            <div class="div-list ul-display">
                <ul>
                    <li>
                        <div class="div5">
                            <span class="span1">China Daily News</span>
                            <br>
                            <span class="span2">Mobile APP</span>
                        </div>
                        <img src="http://tg-vision.com/d/file/portfolio/app/201304/f4ca8f7462a508db36770e891f469a12.jpg
                    " alt="">
                    </li>
                    <li>
                        <div class="div5">
                            <span class="span1">圣贝国际</span>
                            <br>
                            <span class="span2">Web UI</span>
                        </div>
                        <img src="	http://tg-vision.com/d/file/portfolio/web/201408/d37ed60ddfd6110fb6b08ebedd1321f4.jpg"
                            alt="">
                    </li>
                    <li>
                        <div class="div5">
                            <span class="span1">SleepUP熟睡!(100%深度睡眠)</span>
                            <br>
                            <span class="span2">Mobile APP</span>
                        </div>
                        <img src="http://tg-vision.com/d/file/portfolio/app/201304/e6a83e28908b81c25b8775cae06c47ac.jpg"
                            alt="">
                    </li>
                    <li>
                        <div class="div5">
                            <span class="span1">百度推广手机站</span>
                            <br>
                            <span class="span2">Mobile APP</span>
                        </div>
                        <img src="	http://tg-vision.com/d/file/portfolio/app/201305/65222771f811778316e687508b8371db.jpg"
                            alt="">
                    </li>
                    <li>
                        <div class="div5">
                            <span class="span1">Touch China</span>
                            <br>
                            <span class="span2">Mobile APP</span>
                        </div>
                        <img src="http://tg-vision.com/d/file/portfolio/app/201303/7c12071ca55694bea04c30ed6d96c496.jpg"
                            alt="">
                    </li>
                    <li>
                        <div class="div5">
                            <span class="span1">WakeUP醒脑！</span>
                            <br>
                            <span class="span2">Mobile APP</span>
                        </div>
                        <img src="	http://tg-vision.com/d/file/portfolio/app/201303/26809db76dd41d2b12a8a691b2c9d33d.jpg"
                            alt="">
                    </li>
                    <li>
                        <div class="div5">
                            <span class="span1">第一步旅游网站及APP</span>
                            <br>
                            <span class="span2">Mobile APP</span>
                        </div>
                        <img src="http://tg-vision.com/d/file/portfolio/app/201305/d45b9dd30bad8f9ea4f7579aede5a7b8.jpg"
                            alt="">
                    </li>
                    <li>
                        <div class="div5">
                            <span class="span1">云巢网盘</span>
                            <br>
                            <span class="span2">Web UI</span>
                        </div>
                        <img src="	http://tg-vision.com/d/file/portfolio/web/201312/6777900d9a57f32fcf65c774f61c0508.jpg"
                            alt="">
                    </li>
                    <li>
                        <div class="div5">
                            <span class="span1">百谷艺术官网</span>
                            <br>
                            <span class="span2">Web UI</span>
                        </div>
                        <img src="	http://tg-vision.com/d/file/portfolio/web/201303/7a2038c56cb4a16f80a0296154e2dabd.jpg"
                            alt="">
                    </li>
                </ul>
            </div>

            <!-- 1-4 -->
            <div class="div-list ul-display">
                <ul>
                    <li>
                        <div class="div5">
                            <span class="span1">China Daily News</span>
                            <br>
                            <span class="span2">Mobile APP</span>
                        </div>
                        <img src="http://tg-vision.com/d/file/portfolio/app/201304/f4ca8f7462a508db36770e891f469a12.jpg
                    " alt="">
                    </li>
                    <li>
                        <div class="div5">
                            <span class="span1">圣贝国际</span>
                            <br>
                            <span class="span2">Web UI</span>
                        </div>
                        <img src="	http://tg-vision.com/d/file/portfolio/web/201408/d37ed60ddfd6110fb6b08ebedd1321f4.jpg"
                            alt="">
                    </li>
                    <li>
                        <div class="div5">
                            <span class="span1">SleepUP熟睡!(100%深度睡眠)</span>
                            <br>
                            <span class="span2">Mobile APP</span>
                        </div>
                        <img src="http://tg-vision.com/d/file/portfolio/app/201304/e6a83e28908b81c25b8775cae06c47ac.jpg"
                            alt="">
                    </li>
                </ul>
            </div>
        </div>
        <section class="tabcontext ">
            <div class="div4 ">
                <a href="#">
                    <div>
                        < </div>
                </a>
                <a href="#">
                    <div class="colorActive">1</div>
                </a>
                <a href="#">
                    <div>2</div>
                </a>
                <a href="#">
                    <div>3</div>
                </a>
                <a href="#">
                    <div>4</div>
                </a>
                <a href="#">
                    <div>></div>
                </a>
            </div>
        </section>


        <!-- 移动应用 -->
        <div class="div3 div3section-display">
            <!-- 2-1 -->
            <div class="div-list">
                <ul>
                    <li>
                        <div class="div5">
                            <span class="span1">7度珠宝APP</span>
                            <br>
                            <span class="span2">Mobile APP</span>
                        </div>
                        <img src="http://tg-vision.com/d/file/portfolio/app/201506/c672aedabfe5a1e5e6ec5c5166c7b66a.jpg"
                            alt="">
                    </li>
                    <li>
                        <div class="div5">
                            <span class="span1">TANLEO美镜多媒体系统</span>
                            <br>
                            <span class="span2">Mobile APP</span>
                        </div>
                        <img src="	http://tg-vision.com/d/file/portfolio/app/201504/0e87004b26d04b129b0f49c1949994be.jpg"
                            alt="">
                    </li>
                    <li>
                        <div class="div5">
                            <span class="span1">Bronsu UI</span>
                            <br>
                            <span class="span2">Mobile APP</span>
                        </div>
                        <img src="http://tg-vision.com/d/file/portfolio/app/201402/d1e6ba4f3dc8dc63707e71ba993b85ea.jpg"
                            alt="">
                    </li>
                    <li>
                        <div class="div5">
                            <span class="span1">Quick Car APP</span>
                            <br>
                            <span class="span2">Mobile APP</span>
                        </div>
                        <img src="	http://tg-vision.com/d/file/portfolio/app/201305/b2227b1bc98f05f257aed08568e5138f.jpg"
                            alt="">
                    </li>
                    <li>
                        <div class="div5">
                            <span class="span1">《世界》杂志APP</span>
                            <br>
                            <span class="span2">Mobile APP</span>
                        </div>
                        <img src="	http://tg-vision.com/d/file/portfolio/app/201303/d98d054481bc4b385ef1b70d514c5a35.jpg"
                            alt="">
                    </li>
                    <li>
                        <div class="div5">
                            <span class="span1">ShareControl APP</span>
                            <br>
                            <span class="span2">Mobile APP</span>
                        </div>
                        <img src="http://tg-vision.com/d/file/portfolio/app/201306/47973b6a2f1ae9a77ec4bf1cd42e49f2.jpg"
                            alt="">
                    </li>
                    <li>
                        <div class="div5">
                            <span class="span1">爱宠家园APP</span>
                            <br>
                            <span class="span2">Mobile APP</span>
                        </div>
                        <img src="http://tg-vision.com/d/file/portfolio/app/201306/7e33572dab89fac378332257c6fa285e.jpg"
                            alt="">
                    </li>
                    <li>
                        <div class="div5">
                            <span class="span1">SpeedTest</span>
                            <br>
                            <span class="span2">Mobile APP</span>
                        </div>
                        <img src="http://tg-vision.com/d/file/portfolio/app/201303/c9b635d25bbe689e356055e470bd2f13.jpg"
                            alt="">
                    </li>
                    <li>
                        <div class="div5">
                            <span class="span1">Photo Cinema</span>
                            <br>
                            <span class="span2">Mobile APP</span>
                        </div>
                        <img src="	http://tg-vision.com/d/file/portfolio/app/201303/c5f7334f7c886ca1450bd1c7401a9a30.jpg"
                            alt="">
                    </li>
                </ul>
            </div>

            <!-- 2-2 -->
            <div class="div-list ul-display">
                <ul>
                    <li>
                        <div class="div5">
                            <span class="span1">法国雷诺纬度</span>
                            <br>
                            <span class="span2">Mobile APP</span>
                        </div>
                        <img src="http://tg-vision.com/d/file/portfolio/app/201303/8054c5b937db27ddfbbdf61d589a4528.jpg"
                            alt="">
                    </li>
                    <li>
                        <div class="div5">
                            <span class="span1">China Daily News</span>
                            <br>
                            <span class="span2">Mobile APP</span>
                        </div>
                        <img src="	http://tg-vision.com/d/file/portfolio/app/201304/f4ca8f7462a508db36770e891f469a12.jpg"
                            alt="">
                    </li>
                    <li>
                        <div class="div5">
                            <span class="span1">SleepUP熟睡!(100%深度睡眠)</span>
                            <br>
                            <span class="span2">Mobile APP</span>
                        </div>
                        <img src="http://tg-vision.com/d/file/portfolio/app/201304/e6a83e28908b81c25b8775cae06c47ac.jpg"
                            alt="">
                    </li>
                    <li>
                        <div class="div5">
                            <span class="span1">百度推广手机站</span>
                            <br>
                            <span class="span2">Mobile APP</span>
                        </div>
                        <img src="	http://tg-vision.com/d/file/portfolio/app/201305/65222771f811778316e687508b8371db.jpg"
                            alt="">
                    </li>
                    <li>
                        <div class="div5">
                            <span class="span1">Touch China</span>
                            <br>
                            <span class="span2">Mobile APP</span>
                        </div>
                        <img src="	http://tg-vision.com/d/file/portfolio/app/201303/7c12071ca55694bea04c30ed6d96c496.jpg"
                            alt="">
                    </li>
                    <li>
                        <div class="div5">
                            <span class="span1">WakeUP醒脑！</span>
                            <br>
                            <span class="span2">Mobile APP</span>
                        </div>
                        <img src="http://tg-vision.com/d/file/portfolio/app/201303/26809db76dd41d2b12a8a691b2c9d33d.jpg"
                            alt="">
                    </li>
                </ul>
            </div>
        </div>
        <section class="tabcontext div3section-display">
            <div class="div4 ">
                <a href="#">
                    <div>
                        < </div>
                </a>
                <a href="#">
                    <div class="colorActive">1</div>
                </a>
                <a href="#">
                    <div>2</div>
                </a>
                <a href="#">
                    <div>></div>
                </a>
            </div>
        </section>


        <!-- 网站界面 -->
        <!-- div3section-display -->
        <div class="div3 div3section-display">
            <!-- 3-1 -->
            <!-- ul-display -->
            <div class="div-list ">
                <ul>
                    <li>
                        <div class="div5">
                            <span class="span1">Z服饰品牌官网</span>
                            <br>
                            <span class="span2">Web UI</span>
                        </div>
                        <img src="	http://tg-vision.com/d/file/portfolio/web/201503/108950f72f4437a115bc449669c650ad.jpg"
                            alt="">
                    </li>
                    <li>
                        <div class="div5">
                            <span class="span1">大连未来城LECITY</span>
                            <br>
                            <span class="span2">Web UI</span>
                        </div>
                        <img src="	http://tg-vision.com/d/file/portfolio/web/201405/792e499c31a82ed1844287e63f628187.jpg"
                            alt="">
                    </li>
                    <li>
                        <div class="div5">
                            <span class="span1">Lenovo Technology Flash Mini</span>
                            <br>
                            <span class="span2">Web UI</span>
                        </div>
                        <img src="http://tg-vision.com/d/file/portfolio/web/201305/9c6ca29bcbf7b3120f551031424ae11b.jpg"
                            alt="">
                    </li>
                    <li>
                        <div class="div5">
                            <span class="span1">7Q Online Music Player</span>
                            <br>
                            <span class="span2">Web UI</span>
                        </div>
                        <img src="	http://tg-vision.com/d/file/portfolio/web/201309/8c01488573761d2fef2d31a56d7b6142.jpg"
                            alt="">
                    </li>
                    <li>
                        <div class="div5">
                            <span class="span1">圣贝国际</span>
                            <br>
                            <span class="span2">Web UI</span>
                        </div>
                        <img src="http://tg-vision.com/d/file/portfolio/web/201408/d37ed60ddfd6110fb6b08ebedd1321f4.jpg"
                            alt="">
                    </li>
                    <li>
                        <div class="div5">
                            <span class="span1">云巢网盘</span>
                            <br>
                            <span class="span2">Web UI</span>
                        </div>
                        <img src="http://tg-vision.com/d/file/portfolio/web/201312/6777900d9a57f32fcf65c774f61c0508.jpg
                    " alt="">
                    </li>
                    <li>
                        <div class="div5">
                            <span class="span1">百谷艺术官网</span>
                            <br>
                            <span class="span2">Web UI</span>
                        </div>
                        <img src="http://tg-vision.com/d/file/portfolio/web/201303/7a2038c56cb4a16f80a0296154e2dabd.jpg"
                            alt="">
                    </li>
                    <li>
                        <div class="div5">
                            <span class="span1">Lord Steel</span>
                            <br>
                            <span class="span2">Web UI</span>
                        </div>
                        <img src="	http://tg-vision.com/d/file/portfolio/web/201304/fd129f30d8bbc801d47a8118a9ff1ab9.jpg
                    " alt="">
                    </li>
                    <li>
                        <div class="div5">
                            <span class="span1">ChinaDaily亚太官网</span>
                            <br>
                            <span class="span2">Web UI</span>
                        </div>
                        <img src="http://tg-vision.com/d/file/portfolio/web/201305/7f26f1f48427e3760652dd6a511195bd.jpg"
                            alt="">
                    </li>
                </ul>
            </div>

            <!-- 2-2 -->
            <div class="div-list ul-display">
                <ul>
                    <li>
                        <div class="div5">
                            <span class="span1">法国雷诺纬度</span>
                            <br>
                            <span class="span2">Mobile APP</span>
                        </div>
                        <img src="http://tg-vision.com/d/file/portfolio/app/201303/8054c5b937db27ddfbbdf61d589a4528.jpg"
                            alt="">
                    </li>
                    <li>
                        <div class="div5">
                            <span class="span1">China Daily News</span>
                            <br>
                            <span class="span2">Mobile APP</span>
                        </div>
                        <img src="	http://tg-vision.com/d/file/portfolio/app/201304/f4ca8f7462a508db36770e891f469a12.jpg"
                            alt="">
                    </li>
                    <li>
                        <div class="div5">
                            <span class="span1">SleepUP熟睡!(100%深度睡眠)</span>
                            <br>
                            <span class="span2">Mobile APP</span>
                        </div>
                        <img src="http://tg-vision.com/d/file/portfolio/app/201304/e6a83e28908b81c25b8775cae06c47ac.jpg"
                            alt="">
                    </li>
                    <li>
                        <div class="div5">
                            <span class="span1">百度推广手机站</span>
                            <br>
                            <span class="span2">Mobile APP</span>
                        </div>
                        <img src="	http://tg-vision.com/d/file/portfolio/app/201305/65222771f811778316e687508b8371db.jpg"
                            alt="">
                    </li>
                    <li>
                        <div class="div5">
                            <span class="span1">Touch China</span>
                            <br>
                            <span class="span2">Mobile APP</span>
                        </div>
                        <img src="	http://tg-vision.com/d/file/portfolio/app/201303/7c12071ca55694bea04c30ed6d96c496.jpg"
                            alt="">
                    </li>
                    <li>
                        <div class="div5">
                            <span class="span1">WakeUP醒脑！</span>
                            <br>
                            <span class="span2">Mobile APP</span>
                        </div>
                        <img src="http://tg-vision.com/d/file/portfolio/app/201303/26809db76dd41d2b12a8a691b2c9d33d.jpg"
                            alt="">
                    </li>
                </ul>
            </div>
        </div>
        <section class="tabcontext div3section-display">
            <div class="div4 ">
                <a href="#">
                    <div>
                        < </div>
                </a>
                <a href="#">
                    <div class="colorActive">1</div>
                </a>
                <a href="#">
                    <div>2</div>
                </a>
                <a href="#">
                    <div>></div>
                </a>
            </div>
        </section>


        <!-- 标志图标 -->
        <!-- div3section-display -->
        <div class="div3 div3section-display">
            <!-- 3-1 -->
            <!-- ul-display -->
            <div class="div-list ">
                <ul>
                    <li>
                        <div class="div5">
                            <span class="span1">移动应用图标设计集锦</span>
                            <br>
                            <span class="span2">Logo & Icon</span>
                        </div>
                        <img src="http://tg-vision.com/d/file/portfolio/icon/201408/46512c22334508ae3840d456e0e62a36.jpg"
                            alt="">
                    </li>
                    <li>
                        <div class="div5">
                            <span class="span1">Mediaweek Icon</span>
                            <br>
                            <span class="span2">Logo & Icon</span>
                        </div>
                        <img src="	http://tg-vision.com/d/file/portfolio/icon/201303/6b089e685b97bd545e2bc42f83610c80.jpg"
                            alt="">
                    </li>
                    <li>
                        <div class="div5">
                            <span class="span1">Econ CIA System</span>
                            <br>
                            <span class="span2">Logo & Icon</span>
                        </div>
                        <img src="	http://tg-vision.com/d/file/portfolio/icon/201303/2f88166ea22df3ccf84b47edb23f6a86.jpg"
                            alt="">
                    </li>
                </ul>
            </div>
        </div>
        <section class="tabcontext div3section-display">
            <div class="div4 ">
                <a href="#">
                    <div>
                        < </div>
                </a>
                <a href="#">
                    <div class="colorActive">1</div>
                </a>
                <a href="#">
                    <div>></div>
                </a>
            </div>
        </section>

        <!-- 顶端导航栏 -->
        <nav>
            <div>
                <img src="http://tg-vision.com/skin/tg2013/images/search.gif" width="30" alt="">
                <img src="http://tg-vision.com/skin/tg2013/images/logo.jpg" alt="">
                <ol>
                    <li><a href="#" data-target="banner">首页</a></li>
                    <li><a href="#" data-target="div3">案例</a></li>
                    <li><a href="#" data-target="services">服务</a></li>
                    <li><a href="#" data-target="section">关于</a></li>
                    <li><a href="#" data-target="contactus">联系</a></li>
                </ol>
            </div>
            <!-- 输入框 -->
            <a href="#" class="a1">
                <input type="text">
            </a>
        </nav>
    </header>

    <!-- 服务 -->
    <section>
        <!-- 页面头部 -->
        <div
            style="display: flex; justify-content: center; align-items: center; line-height: 0; width: 100%; background-color: #f1f1f1; height: 100px;">
            <div>
                <div class="Services">Services</div>
                <div style="font-size: 9px;">Our full-service project</div>
            </div>
        </div>
        <!-- 服务项目区域 -->
        <div class="services">
            <div class="service-item" data-alt-img="./imgs/ser_box1b.png" data-alt-title="移动应用产品解决方案"
                data-alt-desc="iOS/Android/微信公众平台的APP交互设计、视觉设计、HTML5开发、功能定制开发">
                <img src="./imgs/ser_box1.png" alt="Mobile Icon" class="service-icon">
                <h3 class="service-title" style="color: #000;">移动应用产品解决方案</h3>
                <p class="service-desc">iOS/Android/微信公众平台的APP交互设计、视觉设计、HTML5开发、功能定制开发</p>
            </div>
            <div class="service-item" data-alt-img="./imgs/ser_box2b.png" data-alt-title="应用软件解决方案"
                data-alt-desc="多操作系统的应用软件交互设计、视觉设计、应用开发服务">
                <img src="./imgs/ser_box2.png" alt="Software Icon" class="service-icon">
                <h3 class="service-title" style="color: #000;">应用软件解决方案</h3>
                <p class="service-desc">多操作系统的应用软件交互设计、视觉设计、应用开发服务</p>
            </div>
            <div class="service-item" data-alt-img="./imgs/ser_box3b.png" data-alt-title="网站及网络产品解决方案"
                data-alt-desc="根据用户需求进行市场分析、企业情况综合分析可用的Web解决方案">
                <img src="./imgs/ser_box3.png" alt="Web Icon" class="service-icon">
                <h3 class="service-title" style="color: #000;">网站及��络产品解决方案</h3>
                <p class="service-desc">根据用户需求进行市场分析、企业情况综合分析可用的Web解决方案</p>
            </div>
        </div>

        <!-- 图片列表容器 -->
        <!-- 合作伙伴区域 -->
        <div class="image-container">
            <ul class="image-list" id="image-list"></ul>
        </div>
        <!-- 页面底部 -->
        <!-- <div
            style="display: flex; justify-content: center; align-items: center; line-height: 0; width: 100%; background-color: #f1f1f1; height: 100px;">
            <div>
                <div class="Aboutus">About us</div>
                <div style="font-size: 9px;">Introduction$team$award</div>
            </div>
        </div> -->
        <div class="serFocus-bgcb">
            <div class="serFocus">
                <!-- 展示内容 -->
                <div class="serFocus-fr serFocus-set wrap">
                    <!-- 右上X关闭按钮
            <div class="serFocus-fr-close orangeBgc whiteFont">X</div> -->
                    <!-- 三个顺序轮播内容块 -->
                    <!-- 1 -->
                    <div class="serFocus-fr-content" id='content-1' style="display:block">

                        <!-- 左图 -->
                        <div class="content-1-img">
                            <img src="./imgs/services_b1.jpg" alt="">
                        </div>
                        <!-- 右文字内容区 -->
                        <div class="servicesContent">
                            <div class="servicesContent-title">
                                <span class="blackFont fz18">移动应用产品解决方案</span>
                                <br>
                                <span class="grayFont">Mobile app solutions</span>
                            </div>

                            <div class="servicesContent-Model">
                                <span class="servicesContent-Model-sp apple">IOS</span>
                                <span class="servicesContent-Model-sp android"> Android</span>
                                <span class="servicesContent-Model-sp wechat">微信</span>
                            </div>
                            <ul class="servicesContent-ul grayfont">
                                <li class="grayFont"><span class="orangecic"></span>iOS/Android APP交互设计 视觉设计 功能定制开发</li>
                                <li class="grayFont"><span class="orangecic"></span>微信公众平台，基于HTML5的手机站 交互设计 视觉设计 功能定制开发
                                </li>
                            </ul>
                            <!-- 跳转链接 -->
                            <div class="servicesContent-button orangeBgc "><a href="#">移动应用案例</a></div>
                        </div>
                    </div>
                    <!-- 2 -->
                    <div class="serFocus-fr-content " id='content-2' style="display:none">
                        <!--左 -->
                        <div class="content-2-img">
                            <img src="./imgs/services_c1.jpg" alt="">
                        </div>
                        <!-- 右 -->
                        <div class="solutionsText">
                            <div class="solutionsText-title">
                                <span class="blackFont fz18">应用软件解决方案</span>
                                <br>
                                <span class="grayFont">Application software solutions</span>
                            </div>
                            <p class="grayFont">
                                我们提供Windows及Mac等多操作系统多平台的应用软件交互设计、视觉设计、应用端开发服务。
                                从用户研究、需求沟通、草图方案、原型制图、视觉设计、
                                定制开发、软件测试维护等全方位的为客户提供最有效的解决方案。
                            </p>
                        </div>
                    </div>
                    <!-- 3 -->
                    <div class="serFocus-fr-content " id="content-3" style="display:none">
                        <!-- 左 -->
                        <div class="webSolutionsText">
                            <div class="webSolutionsText-title">
                                <span class="blackFont fz18">网站及网络产品解决方案</span>
                                <br>
                                <span class="grayFont">Web and network solutions</span>
                            </div>
                            <p class="grayFont">
                                根据用户的需求、市场状况、企业情况等进行综合分析可用性的Web解决方案,
                                有效提升企业形象及品牌的知名度.从产品交互原型设计、视觉设计、HTML5页面开发、
                                功能定制开发等高品质、一体化流程的网站建设服务。
                            </p>
                        </div>
                        <!-- 右 -->
                        <div class="content-3-img">
                            <img src="./imgs/services_f1.jpg" alt="">
                        </div>


                    </div>
                    <!-- 右上X关闭按钮 -->
                    <div class="serFocus-fr-close orangeBgc whiteFont">X</div>


                </div>
                <!-- 轮播点 -->
                <div class="serFocus-dians">
                    <span class="serFocus-dian  dj"></span>
                    <span class="serFocus-dian  "></span>
                    <span class="serFocus-dian  "></span>
                </div>
            </div>
        </div>

    </section>


    <!-- 底部关于我们  联系 -->
    <footer>
        <div class="section">
            <div class="banner1">
                <div class="box">
                    <img src="./imgs/aboutus.png" alt="" height="60">
                </div>
            </div>
            <div class="pic wrap">
                <div class="left">
                    <a href="#">
                        <div class="bgc-left"></div>
                    </a>
                    <img src="./imgs/left.png" height="250" width="325">
                </div>
                <div class="center">
                    <a href="#">
                        <div class="bgc-center"></div>
                    </a>
                    <img src="./imgs/center.png" height="250" width="325">
                </div>
                <div class="right">
                    <a href="#">
                        <div class="bgc-right"></div>
                    </a>
                    <img src="./imgs/right.png" height="250" width="325">
                </div>
            </div>
            <div class="nva wrap">
                <span data-index=0>关于我们</span>
                <span data-index=1>荣誉奖项</span>
                <span data-index=2>最新动态</span>
                <span data-index=3>加入我们</span>
            </div>
            <div class="aboutmain wrap select">
                <div class="top">
                    <img src="./imgs/logo.png" alt="" width="165" height="112">
                    <p>
                        双晖传媒（TGVISION）成立于 2006
                        年，我们是一支融交互、创新、视觉设计、产品研发于一体的专业品牌策划与制作团队，鼎力为国内外知名企业提供全方位多平台的产品服务解决方案。以专业的交互设计、创新理念、视觉呈现，服务国内外企业多达
                        100
                        余家，成功案例 300 余例。涉及
                        IT、汽车、教育、地产、金融等各个行业，拥有包括中国移动、中国电信、百度、新浪、淘宝、索尼、联想、人民网、中国日报等企业在内的成功案例，在国内拥有较高美誉。

                    </p>
                </div>
                <div class="bottom">
                    <div class="card">
                        <img src="./imgs/cardpic1.png" alt="" width="310" height="100">
                        <p>
                            我们通过研究理解用户的维、行为、和目标，挖掘用户对产品使用的潜在需求，通过我们服务于各行业客户的丰富经验，结合品牌的优势进行分析，让用户在情绪上、行为上感知产品的创新、感受完美的体验。超越品牌的价值。
                        </p>
                    </div>
                    <div class="card">
                        <img src="./imgs/cardpic2.png" alt="" width="310" height="100">
                        <p>
                            我们是一只富有激情的创新团队。我们将设计通过情感的表达把用户和产品很自然的连接在一起，让用户享受使用产品的愉悦，以此来强化对产品、品牌的体验认知！通过自然的交互和生动的设计展现出来，用一个充满情感化的设计打动用户！
                        </p>
                    </div>
                    <div class="card">
                        <img src="./imgs/cardpic3.png" alt="" width="310" height="100">
                        <p>
                            为客户提供品牌化、一式的解决方案。服务涵盖了互联网，掌上移动设备、桌面平台以及电子消费类产品等。为客户提供从品牌设计、概念设计、交互设计、视觉设计、功能研发到最终产品实现。为客户提供真正具有创新价值的产品体验。
                        </p>
                    </div>
                </div>

            </div>
            <div class="aboutmain2 wrap select">
                <div class="top">
                    <p>
                        双晖传媒专精于高品质的全方位设计服务，拥有实力坚强的研发团队及国内外顶尖水平的设计人才，核心成员曾服务于微软、雅虎（美国）、淘宝、新浪、腾讯等全球知名企业，拥有丰富的视觉及交互设计经验。多名设计师在国内外获得设计相关奖项，被多家媒体专访，案例被国内外设计网站收录，如：Newswebpic，CSS
                        DESIGN AWARDS，CSS Winner，CSS Light，站酷，Iconfans，68design，UIRSS，ChinaUI等。
                    </p>
                </div>
                <div class="bottom">
                    <ul>
                        <li>
                            <div>
                                <img src="./imgs/aboutpage2-1.png" alt="" width="175" height="110">
                                <h4>双晖传媒受邀国际权威在线创意杂志NWP专访</h4>
                                <p>TGVISION双晖传媒受邀国际权威网络在线创意杂志NWP专访,刊登于《NewWebPick》第39期。NWP展示全球最前沿的设计作品，收集国际最新设计资讯，辨析设计艺术的动向。杂志每期下载量4,000,000次，来自全球155个国家的10592个城市。
                                </p>
                            </div>
                        </li>
                        <li>
                            <div>
                                <img src="./imgs/aboutpage2-2.png" alt="" width="175" height="110">
                                <h4>荣获ChinaUI2010及2011年度十佳UI设计师称号</h4>
                                <p>TGVISION双晖传媒公司创始人王子年蝉联了国内权威设计机构CHINAUI2011年度十佳UI设计师。年度十佳UI设计师评选是CHINAUI优艾网从2010年起举办的专业设计师评选活动。结合参选设计的作品数量、作品质量、受关注度等综合评判选得出。
                                </p>
                            </div>

                        </li>
                        <li>
                            <div>
                                <img src="./imgs/aboutpage2-3.png" alt="" width="175" height="110">
                                <h4>双晖传媒受邀国际权威在线创意杂志NWP专访</h4>
                                <p>双晖传媒创意总监王子年荣获权威设计机构网页设计师联盟（68design）2010-11年度十佳网页设计师称号并接受专访。评选活动是由网页设计师联盟发起，打造权威的设计师评选活动的品牌。
                                </p>
                            </div>

                        </li>
                        <li>
                            <div>
                                <img src="./imgs/aboutpage2-4.png" alt="" width="175" height="110">
                                <h4>双晖传媒创意总监王子年接受UIRSS专访</h4>
                                <p>专访双晖传媒创意总监王子年：深度挖掘以用户体验为中心的设计。UIRSS.com是一个非盈利性全球UI设计专业媒体和信息交流平台，致力于为全球UI爱好者、从业人员和相关企业提供优质的资讯、学习、交流、咨询和设计服务。
                                </p>
                            </div>

                        </li>
                        <li>
                            <div>
                                <img src="./imgs/aboutpage2-5.png" alt="" width="175" height="110">
                                <h4>双晖传媒官网被收录于国际权威在线创意杂志NWP</h4>
                                <p>TGVISION双晖传媒官网被收录于国际权威在线创意杂志NWP，NWP展示全球最前沿的设计作品，收集国际最新设计资讯，辨析设计艺术的动向。是全球数码术领域中最权威的信息交互平台。
                                </p>
                            </div>


                        </li>
                    </ul>

                </div>

            </div>
            <div class="aboutmain3 wrap select">
                <div class="top">
                    <div class="card">
                        <div>
                            <img src="./imgs/aboutmainpage3-1.png" alt="" width="175" height="110">
                            <h4>双晖传媒为联想融科智地大连未来城塑造全新模式官网</h4>
                            <p>
                                我们通过研究理解用户的思维、行为、和目标，挖掘用户对产品使用的潜在需求，通过我们服务于各行业客户的丰富经验，结合品牌的优势进行分析，让用户在情绪上、行为上感知产品的创新、感受完美的体验。超越品牌的价值。
                            </p>
                        </div>
                    </div>
                    <div class="card">
                        <div>
                            <img src="./imgs/aboutmainpage3-2.png" alt="" width="175" height="110">
                            <h4>寰球汽车传媒集团官方移动应用Quick Car</h4>
                            <p>
                                双晖传媒团队受邀为寰球汽车传媒集团官方移动应用Quick Car提供解决方案。Quick
                                Car是一款汽车综合服务类应用，我们负责产品的交互设计，觉设计，功能研发，测试上线全套解决方案。应用于iOS及Android平台。
                            </p>
                        </div>
                    </div>
                    <div class="card">
                        <div>
                            <img src="./imgs/aboutmainpage3-3.png" alt="" width="175" height="110">
                            <h4>双晖传媒再度携手中国日报助力亚太官网设计</h4>
                            <p>
                                以大量的用户调研结果为依据，设计师通过专业的合理布局，有效的栏目结构梳理，最大程度的提升了用户浏览体验。全新的界面设计更具有中国日报的品牌风格，同时我们为网站视觉制定了严格的页面设计规范，保证了网站页面的协调统一性。
                            </p>
                        </div>
                    </div>
                    <div class="card">
                        <div>
                            <img src="./imgs/aboutmainpage3-4.png" alt="" width="175" height="110">
                            <h4>精品传媒集团《世界》杂志官方APP</h4>
                            <p>
                                双晖传媒为《世界》杂志量身定制了高端iPad版客户端，以鲜明的旅行态度和独到的杂志视角结合了全新的动平台进行整合设计，丰富了产品功能的同时提升交互及视觉体验。搭建起与高端读者在线互动的桥梁。
                            </p>
                        </div>
                    </div>
                    <div class="card">
                        <div>
                            <img src="./imgs/aboutmainpage3-5.png" alt="" width="175" height="110">
                            <h4>双晖传媒合作法国雷诺推出新纬度APP体验版</h4>
                            <p>
                                双晖传媒合作法国雷诺厂商推出新纬度iPad体验版。抛弃了传统的宣传册和枯燥乏味的各种性能参数。我们为纬度iPad版量身定制的交互体验设计，通过指尖的触控，生动的展示新车的特点。给用户全新流畅的触摸体验。
                            </p>
                        </div>
                    </div>




                </div>
                <div class="bottom"></div>
            </div>
            <div class="aboutmain4 wrap select">

                <div class="card">
                    <h3>实习设计师助理</h3>
                    <h5>岗位职责</h5>
                    <p>
                        参与项目设计执行流程，了解产品开发全过程。辅助设计师完成重大项目。参与一定的产品分析，交互设计，产品界面视觉设计及规范文档整理工作；</p>
                    <h5>任职要求</h5>
                    <p>
                        精通设计类相关软件，热衷于界面设计与交互设计；具有一定的交互分析以及理解能力；优秀的视觉设计感觉与潜力；有完整独立作品可供参考。</p>
                    <h5>招聘人数：2</h5>
                    <h5>工作地点：北京</h5>
                    <p>请发送简历到：hr@th-vision.com</p>
                </div>
                <div class="card">
                    <h3>高级视觉设计师</h3>
                    <h5>岗位职责</h5>
                    <p>
                        对用户行为做分析，形成观点和需求，对行业产品趋势分析，评估现有产品的用户体验；撰写用户体验分析文档，配合视觉设计师完成产品设计。</p>
                    <h5>任职要求</h5>
                    <p>
                        一年以上相关工作经验，性格开朗，积极乐观，良好的沟通、表达能力，团队意识强烈，热衷于研究各类电子产品或互联网产品，有较好的英语读写能力。</p>
                    <h5>招聘人数：4</h5>
                    <h5>工作地点：北京</h5>
                    <p>请发送简历到：hr@th-vision.com</p>
                </div>
                <div class="card">
                    <h3>iOS/Android 开发工程师</h3>
                    <h5>岗位职责</h5>
                    <p>
                        负责 iOS 或 Android 客户端应用的研发；能与团队成员高效配合，完成项目工作。</p>
                    <h5>任职要求</h5>
                    <p>
                        一年以上 iOS 或 Android 开发经验；有扎实 Object C/C++/Java 语言基础；熟练掌握开发技术，包括
                        UI、网络等方面；熟悉相关开发工具和相关测试工具的使用；学习能力强，有较强分析解决问题的能力；对移动产品有浓厚兴趣</p>
                    <h5>招聘人数：6</h5>
                    <h5>工作地点：北京</h5>
                    <p>请发送简历到：hr@th-vision.com</p>
                </div>
                <div class="card">
                    <h3>PHP 开发工程师</h3>
                    <h5>岗位职责</h5>
                    <p>
                        负责网站或相关产品的 PHP 研发工作；能与团队成员高效配合，完成项目工作。</p>
                    <h5>任职要求</h5>
                    <p>
                        至两年相关工作经验；一年以上 PHP 开发及维护工作经验；熟练掌握 MySQL 数据库，LA/NMP；熟练应用
                        HTML/JavaScript；熟悉相关开发工具和测试工具的使用；学习能力强，有较强分析解决问题的能力。</p>
                    <h5>招聘人数：5</h5>
                    <h5>工作地点：北京</h5>
                    <p>请发送简历到：hr@th-vision.com</p>
                </div>
            </div>

        </div>
        <div class="contactus">
            <div class="banner1">
                <div class="box">
                    <img src="./imgs/contentus.png" alt="" height="60">
                </div>
            </div>
            <div class="main wrap">
                <div class="left">
                    <ul>
                        <li>告诉我们您的需求</li>
                        <li>
                            <input type="text" placeholder="填写姓名">
                            <input type="text" placeholder="��写电话号码">
                        </li>
                        <li>
                            <input type="text" width="300" height="50" placeholder="填写邮箱">
                        </li>
                        <li>
                            <input type="text" width="300" height="50" placeholder="填写公司名">
                        </li>
                        <li>
                            <textarea name="" id="" cols="30" rows="13" placeholder="请填写内容"
                                style="padding-left: 5px;"></textarea>
                        </li>
                        <li>
                            <button>发送</button>
                            <span> 我们将在1个工作日内回复，资料会保密处理。</span>
                        </li>
                    </ul>
                </div>
                <div class="right">
                    <ul>
                        <li>与我们在线洽谈</li>
                        <li>
                            <a
                                href="https://admin.qidian.qq.com/static_proxy/b2b-qq/wpa-link/index.html#/person?uin=623326742">
                                <img src="./imgs/zixun.png" alt="" width="140" height="30">
                            </a>
                            <a
                                href="https://admin.qidian.qq.com/static_proxy/b2b-qq/wpa-link/index.html#/person?uin=623326742">
                                <img src="./imgs/zixun.png" alt="" width="140" height="30">
                            </a>


                        </li>
                        <li>
                            <div>
                                <span class="w">手机 : +86 18511834188</span>
                                <span class="b">[产品/视觉设计咨询]</span>
                            </div>
                            <div>
                                <span class="w">座机 : 010-64314912</span>
                                <span class="b">[工作时间 10:00-18:00]</span>
                            </div>
                            <div>
                                <span class="w">微信/QQ : 623326742 或 5629313</span>
                            </div>
                            <div>
                                <span class="w">邮箱 : sh@tg-vision.com</span>

                            </div>

                        </li>

                        <li>
                            <div id="map-container" style="width: 320px; height: 250px;"></div>
                        </li>
                    </ul>
                </div>
            </div>



        </div>
        <div class="footer">
            <div class="top">

            </div>
            <div class="center wrap">
                <img src="./imgs/logo2.png" alt="" width="220">
                <div class="centercard">
                    <div class="link">Links</div>
                    <dl>
                        <dd>
                            <div></div>
                            TGVISION双晖传媒百度百科
                        </dd>
                        <dd>
                            <div></div>
                            TGVISION双晖传媒新浪官方微博
                        </dd>
                        <dd>
                            <div></div>
                            TGVISION 2011官网
                        </dd>
                    </dl>
                </div>
                <div class="rightcard">
                    <p>Contact us</p>
                    <div class="location">
                        <img src="../imgs/位置.png" alt="" width="20px" style="vertical-align: middle;">
                        <span>北京市朝阳区中国��广场F-220</span>
                    </div>
                    <div class="phonenub">+86 18511834188</div>
                    <div class="email">sh@tg-vision.com</div>
                </div>
            </div>
            <div class="bottom wrap">
                <a href="http://tg-vision.com/copyright/">© 2006-2016 TGVISION双晖传媒. All Right Reserved.</a>
                <a href="http://www.beian.miit.gov.cn/">京ICP备12043438号</a>
            </div>
        </div>
    </footer>
    <script src="./js/Page.js"></script>
    <script src="./js/service-about us .js"></script>
    <script src="./js/serFocus.js"></script>
    <script src="./js/联合.js"></script>
    <script src="./js/双晖页尾.js"></script>
    <script src="./js/nav.js"></script>
    <script src="./js/smooth-scroll.js"></script>
</body>

</html>